@extends('plugin.hostserver.front.layout.base')
@section('content')
    @include('plugin.hostserver.front.layout.banner')
    @include('plugin.hostserver.front.domain.search_box')
    <div id="features">
        <div class="container">
            <!-- Section Title Start -->
            <div class="section-title">
                <h2>为什么选择我们</h2>
            </div>
            <!-- Section Title End -->
            <div class="row vc--features">
                <div class="col-md-4 features--img">
                    <img src="{{ plugin_res('hostserver/img/features-img/cloudHosting.png',config_cache_default('host_server.version_name')) }}"
                         alt="" class="img-responsive">
                </div>
                <div class="col-md-8">
                    <div class="row">

                        <!-- Feature Item Start -->
                        <div class="col-md-4 col-sm-6 feature-item">
                            <div class="feature-item-icon">
                                <img src="{{ plugin_res('hostserver/img/features-img/01.png',config_cache_default('host_server.version_name')) }}"
                                     alt="" class="img-responsive">
                            </div>
                            <div class="feature-item-content">
                                <h4>防火墙</h4>
                                <p>每一台服务器都自带防ddos攻击.</p>
                            </div>
                        </div>
                        <!-- Feature Item End -->
                        <!-- Feature Item Start -->
                        <div class="col-md-4 col-sm-6 feature-item">
                            <div class="feature-item-icon">
                                <img src="{{ plugin_res('hostserver/img/features-img/02.png',config_cache_default('host_server.version_name')) }}"
                                     alt="" class="img-responsive">
                            </div>
                            <div class="feature-item-content">
                                <h4>环节减少</h4>
                                <p>可不实名，可不备案</p>
                            </div>
                        </div>
                        <!-- Feature Item End -->
                        <!-- Feature Item Start -->
                        <div class="col-md-4 col-sm-6 feature-item">
                            <div class="feature-item-icon">
                                <img src="{{ plugin_res('hostserver/img/features-img/03.png',config_cache_default('host_server.version_name')) }}"
                                     alt="" class="img-responsive">
                            </div>
                            <div class="feature-item-content">
                                <h4>实时网速</h4>
                                <p>速度快得超乎想象，犹如身临其境.</p>
                            </div>
                        </div>
                        <!-- Feature Item End -->
                        <!-- Feature Item Start -->
                        <div class="col-md-4 col-sm-6 feature-item">
                            <div class="feature-item-icon">
                                <img src="{{ plugin_res('hostserver/img/features-img/04.png',config_cache_default('host_server.version_name')) }}"
                                     alt="" class="img-responsive">
                            </div>
                            <div class="feature-item-content">
                                <h4>防黑客入侵</h4>
                                <p>为客户全面预防黑客入侵篡改等服务</p>
                            </div>
                        </div>
                        <!-- Feature Item End -->
                        <!-- Feature Item Start -->
                        <div class="col-md-4 col-sm-6 feature-item">
                            <div class="feature-item-icon">
                                <img src="{{ plugin_res('hostserver/img/features-img/05.png',config_cache_default('host_server.version_name')) }}"
                                     alt="" class="img-responsive">
                            </div>
                            <div class="feature-item-content">
                                <h4>超大带宽</h4>
                                <p>拒绝几M的小水管，我们的带宽最低30M最高万M，需求于不同场景</p>
                            </div>
                        </div>
                        <!-- Feature Item End -->
                        <!-- Feature Item Start -->
                        <div class="col-md-4 col-sm-6 feature-item">
                            <div class="feature-item-icon">
                                <img src="{{ plugin_res('hostserver/img/features-img/06.png',config_cache_default('host_server.version_name')) }}"
                                     alt="" class="img-responsive">
                            </div>
                            <div class="feature-item-content">
                                <h4>技术服务</h4>
                                <p>若您经验不足或技术上需要，我们会有专业技术人员随时协助您解决问题.</p>
                            </div>
                        </div>
                        <!-- Feature Item End -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="singleFeatures">
        <div class="single-feature single-feature-1">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 single-feature--image">
                        <img src="{{ plugin_res('hostserver/img/features-img/drag-and-drop.png',config_cache_default('host_server.version_name')) }}"
                             alt="" class="img-responsive">
                    </div>
                    <div class="col-md-7 single-feature--content">
                        <h2>拖放式-可视化自助网站建设者</h2>
                        <p>无需懂代码，自由排版，换图，增删功能/图片/链接，样式背景等，随时可以下载设计好的代码保存到本地.</p>
                        <a href="javascript:void(0)" class="btn btn-custom-reverse">即将上线</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="single-feature single-feature-2">
            <div class="container">
                <div class="row">
                    <div class="col-md-7 single-feature--content">
                        <h2>快速建站 &amp; 各行业现成系统模板</h2>
                        <p>一键快速搭建商城，企业网站，小程序等，APP，金融算法系统，各种商业模式系统.</p>
                        <a href="javascript:void(0)" class="btn btn-custom-reverse">即将上线</a>
                    </div>
                    <div class="col-md-5 single-feature--image">
                        <img src="{{ plugin_res('hostserver/img/features-img/softaculous.png',config_cache_default('host_server.version_name')) }}"
                             alt="" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('plugin.hostserver.front.index.tongji')
    <div id="pricing">
        <div class="container">
            <!-- Section Title Start -->
            <div class="section-title">
                <h2>热门服务器</h2>
            </div>
            <!-- Section Title End -->
            <div class="row">
                @if(!empty($goods))
                    @foreach($goods as $k=>$v)
                        @include('plugin.hostserver.front.good.item',['v'=>$v])
                    @endforeach
                @endif


            </div>
        </div>
    </div>
    <div id="certificate">
        <div class="container">
            <h3 class="">售前工作时间为7×12小时在线，售后工作时间为7×24小时，我们会在最快时间响应您的问题。</h3>
            <div class="certificate--img">
                <img src="{{ plugin_res('hostserver/img/bef.jpg',config_cache_default('host_server.version_name')) }}"
                     alt="">
                <img src="{{ plugin_res('hostserver/img/greentags.jpg',config_cache_default('host_server.version_name')) }}"
                     alt="">
                <img src="{{ plugin_res('hostserver/img/mob/a1.jpg',config_cache_default('host_server.version_name')) }}"
                     alt="" class="height_95px" height="95">
                <img src="{{ plugin_res('hostserver/img/mob/a2.jpg',config_cache_default('host_server.version_name')) }}"
                     alt="" class="height_95px" height="95">
                <img src="{{ plugin_res('hostserver/img/mob/a3.jpg',config_cache_default('host_server.version_name')) }}"
                     alt="" class="" style="height: 70px;">
            </div>
        </div>
    </div>
    <!-- Testimonial Area Start -->
    <div id="testimonial"
         data-bg-src="{{ plugin_res('hostserver/img/background-img/testimonial-bg.jpg',config_cache_default('host_server.version_name')) }}">
        <div class="section-title">
            <h2>第一批随机客户评论</h2>
        </div>
        <div class="testimonial-slider">
            <!-- Testimonial Item Start -->
            <div class="testimonial-item"
                 data-recommender-thumb="{{ plugin_res('hostserver/img/01.jpg',config_cache_default('host_server.version_name')) }}">
                <div class="recommender-comment">
                    <p>
                        我公司之前在其他家使用的服务器的时候，当时我们网站经常受到黑客的攻击，还有黑客联系我们，如果不付费就一直不停的攻击，我们联系服务器商家，商家称他们也没有相关技术人员的支持，我们也换了不少服务器商家都没能解决问题，无奈之下，我找了很多朋友，一个偶然的机会，我很幸运地找到了这家服务器公司，服务器的防御我们很满意，黑客最终放弃攻击了，我们现在在云如江南公司签约了长达5年专属服务器。</p>
                </div>
                <div class="recommender-info">
                    <span class="recommender-name">君怜梦</span>
                    <span class="recommender-role">公司</span>
                </div>
            </div>
            <!-- Testimonial Item End -->
            <!-- Testimonial Item Start -->
            <div class="testimonial-item"
                 data-recommender-thumb="{{ plugin_res('hostserver/img/02.jpg',config_cache_default('host_server.version_name')) }}">
                <div class="recommender-comment">
                    <p>
                        之前，由于业务需要，我们找了一个开发商开发了一个商城系统，该系统使用的是带有shell的h5app，但是在百度云下订单的服务器速度太慢，导致应用内容的显示延迟了几秒钟,开发商建议我们使用本机应用，但开发本机应用的成本太高，高达几十万元，所以我们不得不另谋高就，当我们准备放弃时，开发商推荐了我们这样的服务器，价钱几千元，不过这速度简直不要太快，就像本地服务器一样，一点就现，跟原生APP一样，它现在也可用了。</p>
                </div>
                <div class="recommender-info">
                    <span class="recommender-name">南海一朵莲</span>
                    <span class="recommender-role">工作室</span>
                </div>
            </div>
            <!-- Testimonial Item End -->
            <!-- Testimonial Item Start -->
            <div class="testimonial-item"
                 data-recommender-thumb="{{ plugin_res('hostserver/img/03.jpg',config_cache_default('host_server.version_name')) }}">
                <div class="recommender-comment">
                    <p>
                        我们是一家初创的小微企业,行业也是网站建设的，我们自己也做了一个公司网站,但是我们的要求不高，所以我们的预算也不高，在加上我们创业资金困难，但我们不想被攻击，也不想太慢。所以我们在云如江南的官网商选择了一个经济的服务器,价格相当便宜,每月几百元的服务器就够了,这也是值得的,这对初创企业家来说是个好消息，希望贵公司越做越好，做一个为民服务的服务器公司。</p>
                </div>
                <div class="recommender-info">
                    <span class="recommender-name">么啊马</span>
                    <span class="recommender-role">小微企业</span>
                </div>
            </div>
            <!-- Testimonial Item End -->
        </div>
    </div>
    <!-- Testimonial Area End -->
@endsection
